function GradeTable({ grades }) {
    return (
    <table>
        <thead>
        <tr>
            <th>Grade ID</th>
            <th>Student ID</th>
            <th>Class ID</th>
            <th>Grade</th>
        </tr>
        </thead>
        <tbody>
        {grades.map(grade => (
            <tr key={grade.grade_id}>
            <td>{grade.grade_id}</td>
            <td>{grade.student_id}</td>
            <td>{grade.class_id}</td>
            <td>{grade.grade}</td>
            </tr>
        ))}
        </tbody>
    </table>
    );
}

export default GradeTable;